<template>
  <div style="background-color: rgba(217,203,184,0.27)">
    <sg-nav></sg-nav>
    <div  class="main_container" id="detail">
      <el-row :gutter="0" >
        <el-col :sm="24" :md="13" style="transition:all .5s ease-out;margin-bottom:30px;">
          <sg-baike-detail></sg-baike-detail>
<!--          <sg-message></sg-message>-->
          <!--          <sg-baikelist></sg-baikelist>-->
          <!--        <sg-articlelist></sg-articlelist>-->
        </el-col>
        <el-col :sm="8"  :md="6" >
          <sg-rightList></sg-rightList>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import baikeDetail from "@/components/common/BaikeDetail";
import rightList from "@/components/common/RightList";
import Header from "@/components/common/Header";

export default {
  name: "BaikeDetailPage",
  data() { //选项 / 数据
    return {

    }
  },
  methods: { //事件处理器

  },
  components: { //定义组件
    'sg-nav':Header,
    'sg-baike-detail':baikeDetail,
    //'sg-message':message,
    'sg-rightList':rightList,
  },
  created() { //生命周期函数

  },
  mounted(){
    var anchor = document.querySelector("#detail");
    // console.log(anchor,anchor.offsetTop);
    var top = anchor.offsetTop-60;
    document.body.scrollTop = top;
    // Firefox
    document.documentElement.scrollTop = top;
    // Safari
    window.pageYOffset = top;
  }
}
</script>

<style scoped>

</style>